import styles from './statCard.module.scss';

const StatCard = ({ icon, count, title, isActive, onClick }) => {
    return (
        <div
            className={`${styles.statCard} ${isActive ? styles.statCard__active : ''}`}
            onClick={onClick}
        >
            <div className={styles.statCard__icon}>
                {icon}
            </div>
            <div className={styles.statCard__content}>
                <div className={styles.statCard__count}>{count}</div>
                <div className={styles.statCard__title}>{title}</div>
            </div>
        </div>
    );
};

export default StatCard; 